Top 16 Super Slick CSS Lightbox Examples

1. NACHO Lightbox - Flat responsive lightbox

featured image

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

More Details

2. Verion - Widget Accordion Sidebar CSS

featured image

Verion – Widget Accordion SideBar CSS

Verion – Widget Accordion SideBar CSS is a small CSS plugin that is used to create the vertical navigation menu CSS to contain web widgets like: accordion menu, login form, small photo, buttons, recent/feature posts, social sharing icons, etc.CSS animation effects.If you like to see the plugin documentation you can check it here: Verion CSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

MetroBox – Responsive LightBox

Metro Navigation Bar CSS

More Details

3. CSS3 Image Gallery Kit

featured image

An image gallery kit with filtering images based on category with lightbox box effect built in HTML & CSS3.• On click over the image it gives lightbox effect with the image enlarged with the commenting textbox with a submit comment button & view comment button.• Social buttons are added in the lightbox for the image.

More Details

4. ZoomBox 2 - The Photographer's Premium Lightbox

featured image

ZoomBox Lightbox Intro – top

ZoomBox 2 – The Photographer’s Lightbox ! What makes ZoomBox unique to the other lightbox scripts ? In short – quality, user-friendliness, design and social media plugin wordpress connectivity.ZoomBox Lightbox Features

developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided

100% css skinable – want to make slight modifications to the skins ? The skins are 100% built from the css and it is very easy to edit with css knowledge

the only lightbox script that does deeplinking right – most lightbox scripts use hashes for delivering the deeplink, but the problem with that is that facebook likes for example will not get counted for the photo the user is viewing in the ZoomBox, but for the entire page instead.unique ability to zoom on photos – this is the perfect lightbox script for photographers to showcase their work because on any image, your visitor can zoom it and see the marvelous details you capture in your art.ZoomBox Lightbox Updates

More Details

5. jQuery Flickr Gallery

featured image

Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

Other minor JS and CSS improvements

More Details

6. Griddler jQuery Plugin

featured image

The Griddler jQuery Plugin transforms basic HTML into a fully customizable grid with animated lightbox to display images, video iframes and multimedia content.Each grid can link to a page or display content in a fullscreen animated lightbox

Lightbox supports images, video and iframes of any size

Easily customize the look and feel through CSS

More Details

7. FancyAds Ads with Animation in jQuery

featured image

The animations will just work in modern browsers on internet explorer you will see the lightbox in right place but no animation.

More Details

8. jQuery Grid and List Switch

featured image

Lightbox http://www.com/projects/prettyphoto-jquery-lightbox-clone/

More Details

9. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Navion – Metro Navigation Menu Accordion Switcher CSS

Tabion CSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

MetroBox – Responsive LightBox

More Details

10. jQueryFacebookWall

featured image

It also includes a Facebook style lightbox to browse photo galleries. Some users where having when trying to like or comment on lightbox images. Added a click event to set focus on the comment box from the comment link in the lightbox.

More Details

11. Navion - Metro Navigation Menu Accordion Switcher

featured image

Navion – Metro Navigation Menu Accordion Switcher CSS

Navion – Metro Navigation Menu Accordion Switcher CSS is a small CSS plugin that is used to create navigation menu for modern sites with lightbox design feature. Navion CSS can be customized easily because it is only HTML and CSS code.If you like to see the plugin documentation you can check it here: Navion CSS Documentation

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

MetroBox – Responsive LightBox

Metro Navigation Bar CSS

More Details

12. Lightbox With Transition Effects For HTML / Images

featured image

emloSlightBox is an improved version of the popular Lightbox gallery script.• Small weight: JS file – 21KB, CSS file – 3KB

• Valid HTML / CSS

More Details

13. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat

Slider can be put anywhere (lightbox, or any container)

More Details

14. Royal 3D Carousel

featured image

Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. The lightbox can be used when a thumbnail is clicked to display media content.

More Details

15. Horizontal Gridfolio Pro

featured image

When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery animate background color and opacity also can be modified (optional). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Lightbox main features.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display.Image support: The lightbox can load and display .Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

16. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Fully Responsive Grid and Lightbox

Lightbox with slideshow (play, pause, auto-play)

IE was showing fat images in the lightbox and now is fix

Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox

More Details